
.od-line2{
	line-height: 80upx;
	border-top: 2upx solid $bg01;
	display: flex;
	align-items: center;
	font-size: 26upx;
	color: $color6;
	
	.item{
		flex: 1;
		text-align: center;
		position: relative;
	}
	.line2-active{
		font-size: 30upx;
		color: $bg02;
		&:after{
			content: '';
			position: absolute;
			bottom: 16upx;
			left: 50%;
			transform: translateX(-20upx);
			width: 40upx;
			height: 4upx;
			border-radius: 2upx;
			background-color: $bg02;
		}
	}
}
.ud-swiper{
	width: 100%;
	height: calc(100% - 80upx);
	background-color: $bg01;
	
}

.scrollStyle{
		height: calc(100% - 20upx);
}
.content-box{
	margin: 32upx 0upx;
	width: 750upx;
	// height: 285upx;
	background-color: #FFFFFF;
	border-radius: 20upx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: $font-base - 6upx;
	.top{
		height: 142.5upx;
		width: 698upx;
		border-bottom: 1px solid #faf2f5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.top-item{
			display: flex;
			align-items: center;
			// justify-content: space-between;
			image{
				margin-left: 35upx;
				width: 103upx;
				height: 95upx;
			}
			.top-box1{
				width: 333upx;
				padding-left: 28upx;
			}
		}
		.top-tiem2{
			font-weight: bold;
		}
	}
	.buttom{
		// height: 142.5upx;
		.buttom-top{
			margin-top: 20upx;
			width: 698upx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.item1{
				image{
					width: 63upx;
					height: 63upx;
					margin-left: 10upx;
				}
				&>text{
					padding-left: 20upx;
					font-weight: bold;
					font-size: $font-base - 4upx;
				}
			}
			
			.item2{
				color: #cfcfcf;
				display: flex;
				align-items: center;
				image{
					width: 31upx;
					height: 27upx;
					margin-right: 5upx;
					margin-left: 10upx;
				}
				
			}
		}
		.delivery{
			font-size: $font-base - 4upx;
			color: #8f8f8f;
			display: flex;
			padding-left: 90upx;
			padding-bottom: 20upx;
		}
		.messageImg{
			width: 750upx;
			display: flex;
			justify-content: center;
			&>view{
				display: flex;
				justify-content: center;
				align-items: center;
				&>view{
					image{
						width: 124upx;
						height: 120upx;
					}
				}
			}
		}
		.store{
			display: flex;
			flex-direction: column;
			justify-content: center;
			// align-items: center;
			.store-img{
				display: flex;
				align-items: center;
				image{
					margin-left: 90upx;
					width: 63upx;
					height: 63upx;
				}
				&>text{
					padding-left: 10upx;
					font-weight: bold;
				}
				&>view{
					margin-left: 10upx;
					width: 56upx;
					height: 32upx;
					border: 1px solid #db4d7f;
					border-radius: 10upx;
					font-size: $font-base - 6upx;
					color: #db4d7f;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
			.store-reply{
				padding-left: 173upx;
				color: #8f8f8f;
				padding-bottom: 20upx;
			}
		}
	}
}